<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body class="main">
		<header class="head">
			<div class="header-top df">
				<img
					class="phote"
					src="../../assets/imgs/cat.jpg"
					class="avatar"
					alt=""
					id=""
				/>
				<div class="rel">
					<p class="abs vip"><span class="iconfont icon-tipvip"></span></p>
				</div>
				<div class="df jcbetween text">
					<p class="f22 usename">用户名</p>
					<p><span class="iconfont icon-xiangyoujiantou"></span></p>
				</div>
			</div>

			<p class="f18 sigtext">个性签名: <span>++++++++++++++</span></p>
		</header>

		<section class="trends df jcbetween">
			<div class="trends-left df">
				<span class="iconfont icon-icon_xinyong_xianxing_jijin-"></span>

				<p class="f18">个人动态</p>
			</div>
			<div class="trends-right df">
				<p><span>11</span>条</p>
				<p><span class="iconfont icon-xiangyoujiantou"></span></p>
			</div>
		</section>
		<section class="sport-data sport-data-tops">
			<div class="df jcbetween data-tops">
				<div>
					<p class="f18">
						<span class="iconfont icon-shuju01"></span> 运动数据
					</p>
				</div>
				<p class="sport-data-rigt">
					<span class="iconfont icon-xiangyoujiantou"></span>
				</p>
			</div>
			<div class="df jcbetween data-btn">
				<div class="line rel">
					<p class="p">总运动</p>
					<p><span class="span">1111</span>分钟</p>
				</div>
				<div class="data-left">
					<p class="p">本周消耗</p>
					<p><span class="span">1111</span>千卡</p>
				</div>
			</div>
		</section>

		<section class="my-badge">
			<div class="df jcbetween badge-top">
				<div class="f18">
					<span class="iconfont icon-huizhang"></span>
					我的运动徽章
				</div>
				<span class="iconfont icon-rightarrow"></span>
			</div>
			<ul class="df badge">
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</section>
		<button>退出登录</button>
	</body>
</html>
